﻿<!DOCTYPE html>
<html>
  <head>
    <title>支付</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/支付/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/支付/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u1694" class="ax_default box_1">
        <div id="u1694_div" class=""></div>
        <div id="u1694_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1695" class="ax_default image">
        <img id="u1695_img" class="img " src="images/开屏页/u1.svg"/>
        <div id="u1695_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1696" class="ax_default label">
        <div id="u1696_div" class=""></div>
        <div id="u1696_text" class="text ">
          <p><span>9:30</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1697" class="ax_default box_1">
        <div id="u1697_div" class=""></div>
        <div id="u1697_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1698" class="ax_default icon">
        <img id="u1698_img" class="img " src="images/开屏页/u3.svg"/>
        <div id="u1698_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1699" class="ax_default icon">
        <img id="u1699_img" class="img " src="images/开屏页/u4.svg"/>
        <div id="u1699_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1700" class="ax_default icon">
        <img id="u1700_img" class="img " src="images/开屏页/u5.svg"/>
        <div id="u1700_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1701" class="ax_default label">
        <div id="u1701_div" class=""></div>
        <div id="u1701_text" class="text ">
          <p><span>支付中心</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u1702" class="ax_default line">
        <img id="u1702_img" class="img " src="images/开屏页/u6.svg"/>
        <div id="u1702_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1703" class="ax_default box_1">
        <div id="u1703_div" class=""></div>
        <div id="u1703_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1704" class="ax_default label">
        <div id="u1704_div" class=""></div>
        <div id="u1704_text" class="text ">
          <p><span>一张有意思的想象海报！请戳</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1705" class="ax_default box_1">
        <div id="u1705_div" class=""></div>
        <div id="u1705_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1706" class="ax_default icon">
        <img id="u1706_img" class="img " src="images/规范/u39.svg"/>
        <div id="u1706_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1707" class="ax_default image">
        <img id="u1707_img" class="img " src="images/支付/u1707.svg"/>
        <div id="u1707_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1708" class="ax_default icon">
        <img id="u1708_img" class="img " src="images/搜索/u618.svg"/>
        <div id="u1708_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1709" class="ax_default image">
        <img id="u1709_img" class="img " src="images/闲置详情/u1602.svg"/>
        <div id="u1709_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1710" class="ax_default label">
        <div id="u1710_div" class=""></div>
        <div id="u1710_text" class="text ">
          <p><span>老邢</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1711" class="ax_default label">
        <div id="u1711_div" class=""></div>
        <div id="u1711_text" class="text ">
          <p><span>订单备注</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1712" class="ax_default label">
        <div id="u1712_div" class=""></div>
        <div id="u1712_text" class="text ">
          <p><span>收货地址</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1713" class="ax_default label">
        <div id="u1713_div" class=""></div>
        <div id="u1713_text" class="text ">
          <p><span>配送方式</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1714" class="ax_default label">
        <div id="u1714_div" class=""></div>
        <div id="u1714_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1715" class="ax_default label ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u1715_div" class=""></div>
        <div id="u1715_text" class="text ">
          <p><span>单价</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1716" class="ax_default label">
        <div id="u1716_div" class=""></div>
        <div id="u1716_text" class="text ">
          <p><span>购买数量</span></p>
        </div>
      </div>

      <!-- 练习2 (文本框) -->
      <div id="u1717" class="ax_default text_field" data-label="练习2">
        <div id="u1717_div" class=""></div>
        <input id="u1717_input" type="text" value="1" class="u1717_input"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1718" class="ax_default icon">
        <img id="u1718_img" class="img " src="images/支付/u1718.svg"/>
        <div id="u1718_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1719" class="ax_default icon">
        <img id="u1719_img" class="img " src="images/支付/u1719.svg"/>
        <div id="u1719_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- 练习2价格 (矩形) -->
      <div id="u1720" class="ax_default label" data-label="练习2价格">
        <div id="u1720_div" class=""></div>
        <div id="u1720_text" class="text ">
          <p><span>20</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1721" class="ax_default label">
        <div id="u1721_div" class=""></div>
        <div id="u1721_text" class="text ">
          <p><span>合计 :</span></p>
        </div>
      </div>

      <!-- 练习2金额 (矩形) -->
      <div id="u1722" class="ax_default label" data-label="练习2金额">
        <div id="u1722_div" class=""></div>
        <div id="u1722_text" class="text ">
          <p><span>20</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1723" class="ax_default" data-left="372" data-top="784" data-width="87" data-height="34">

        <!-- Unnamed (矩形) -->
        <div id="u1724" class="ax_default box_1">
          <div id="u1724_div" class=""></div>
          <div id="u1724_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1725" class="ax_default label">
          <div id="u1725_div" class=""></div>
          <div id="u1725_text" class="text ">
            <p><span>提交订单</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1726" class="ax_default label">
        <div id="u1726_div" class=""></div>
        <div id="u1726_text" class="text ">
          <p><span>取件时间等我联系您</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1727" class="ax_default label">
        <div id="u1727_div" class=""></div>
        <div id="u1727_text" class="text ">
          <p><span>广东省广州市从化区温泉镇温泉大道882号中山大学南方学院</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1728" class="ax_default label">
        <div id="u1728_div" class=""></div>
        <div id="u1728_text" class="text ">
          <p><span>自提</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1729" class="ax_default box_1">
        <div id="u1729_div" class=""></div>
        <div id="u1729_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1730" class="ax_default image">
        <img id="u1730_img" class="img " src="images/支付/u1730.png"/>
        <div id="u1730_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1731" class="ax_default image">
        <img id="u1731_img" class="img " src="images/支付/u1731.png"/>
        <div id="u1731_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1732" class="ax_default label">
        <div id="u1732_div" class=""></div>
        <div id="u1732_text" class="text ">
          <p><span>请选择支付方式</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1733" class="ax_default label">
        <div id="u1733_div" class=""></div>
        <div id="u1733_text" class="text ">
          <p><span>支付宝支付</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1734" class="ax_default label">
        <div id="u1734_div" class=""></div>
        <div id="u1734_text" class="text ">
          <p><span>微信支付</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1735" class="ax_default label">
        <div id="u1735_div" class=""></div>
        <div id="u1735_text" class="text ">
          <p><span>支付推荐使用支付宝支付</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1736" class="ax_default label">
        <div id="u1736_div" class=""></div>
        <div id="u1736_text" class="text ">
          <p><span>支付推荐使用微信支付</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1737" class="ax_default icon">
        <img id="u1737_img" class="img " src="images/支付/u1737.svg"/>
        <div id="u1737_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u1738" class="ax_default line">
        <img id="u1738_img" class="img " src="images/支付/u1738.svg"/>
        <div id="u1738_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- 付款 (动态面板) -->
      <div id="u1739" class="ax_default ax_default_hidden" data-label="付款" style="display:none; visibility: hidden">
        <div id="u1739_state0" class="panel_state" data-label="State1" style="">
          <div id="u1739_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u1740" class="ax_default box_1">
              <div id="u1740_div" class=""></div>
              <div id="u1740_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u1741" class="ax_default" data-left="21" data-top="26" data-width="25" data-height="25">

              <!-- Unnamed (圆形) -->
              <div id="u1742" class="ax_default ellipse">
                <img id="u1742_img" class="img " src="images/闲置详情/u1613.svg"/>
                <div id="u1742_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u1743" class="ax_default icon">
                <img id="u1743_img" class="img " src="images/支付/u1743.svg"/>
                <div id="u1743_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1744" class="ax_default label">
              <div id="u1744_div" class=""></div>
              <div id="u1744_text" class="text ">
                <p><span>确认付款</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1745" class="ax_default label">
              <div id="u1745_div" class=""></div>
              <div id="u1745_text" class="text ">
                <p><span>订单号</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1746" class="ax_default label">
              <div id="u1746_div" class=""></div>
              <div id="u1746_text" class="text ">
                <p><span>ZDNF11332311</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u1747" class="ax_default line">
              <img id="u1747_img" class="img " src="images/支付/u1747.svg"/>
              <div id="u1747_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1748" class="ax_default label">
              <div id="u1748_div" class=""></div>
              <div id="u1748_text" class="text ">
                <p><span>支付方式</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1749" class="ax_default label">
              <div id="u1749_div" class=""></div>
              <div id="u1749_text" class="text ">
                <p><span>钱包余额</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u1750" class="ax_default line">
              <img id="u1750_img" class="img " src="images/支付/u1747.svg"/>
              <div id="u1750_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u1751" class="ax_default" data-left="93" data-top="297" data-width="177" data-height="48">

              <!-- Unnamed (矩形) -->
              <div id="u1752" class="ax_default box_1">
                <div id="u1752_div" class=""></div>
                <div id="u1752_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u1753" class="ax_default label">
                <div id="u1753_div" class=""></div>
                <div id="u1753_text" class="text ">
                  <p><span>立即付款</span></p>
                </div>
              </div>
            </div>

            <!-- 练习2金额 (矩形) -->
            <div id="u1754" class="ax_default label" data-label="练习2金额">
              <div id="u1754_div" class=""></div>
              <div id="u1754_text" class="text ">
                <p><span>20</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u1755" class="ax_default icon">
              <img id="u1755_img" class="img " src="images/支付/u1755.svg"/>
              <div id="u1755_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1756" class="ax_default box_1">
        <img id="u1756_img" class="img " src="images/支付/u1756.svg"/>
        <div id="u1756_text" class="text ">
          <p style="font-size:14px;"><span style="font-family:'Arial Black', 'Arial Normal', 'Arial';font-weight:900;font-size:18px;">支付中心页面</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">：</span></p><p style="font-size:14px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p style="font-size:14px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">1.当用户点击购买按钮，页面跳转至【支付中心】页面</span></p><p style="font-size:14px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p style="font-size:14px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">2.点击“返回”图标按钮返回到【闲置详情】页面</span></p><p style="font-size:14px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p style="font-size:14px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">3.系统变量与函数使用--数量自增减效果：点击“加”按钮或“减”按钮，改变购买数量</span></p><p style="font-size:14px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p style="font-size:14px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">4.“订单备注”可填可不填，按买家需要；买家必须填写的选项为详细的“收货地址”；“配送方式”可自提或快递，需要买卖双方自行商量决定</span></p><p style="font-size:14px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p style="font-size:14px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">5.选择支付方式“支付宝支付”或“微信支付”，选中的支付方式栏出现“已选择”的图标</span></p><p style="font-size:14px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p style="font-size:14px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">6.页面底部为合计金额与“提交订单”按钮，点击按钮，当前页面弹出【支付中心-确认付款】窗口</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1757" class="ax_default _二级标题">
        <div id="u1757_div" class=""></div>
        <div id="u1757_text" class="text ">
          <p><span>系统变量与函数使用：数量自增减效果</span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
